<!DOCTYPE html>
<html class="has-topbar has-bottombar">

	<head>
		<meta charset="utf-8">
		<script type="text/javascript" src="js/2h5_fb.js"></script>
		<meta name="format-detection" content="telephone=yes" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no" />
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
		<link rel="stylesheet" href="css/mui/mui.min.css" />
		<link rel="stylesheet" href="css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" href="css/work/recruitmentlist_detail.css" />
		<title>招聘详情</title>
	</head>

	<body>
		<div class="mui_tbabox" style="margin-top: 0px;">
			<div class="swiper-container">
				<div class="swiper-wrapper">
				</div>
				<!-- 如果需要分页器 -->
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<div class="mui-content">
			<div class="detail_gsname">
				<div class="gsname_box">
					<div class="box_name" id="mechanismName"></div>
					<div class="box_item_mon" style="font-size: 0.32rem;float: right;color: #FF6666;"><span id="mechanismScore"></span>分</div>
					<div class="box_item">
						<div class="box_item_b" id="res_key">
						</div>
						<div style="float: right;font-size: 0.32rem;padding: 0.206666rem 0rem 0.206666rem 0rem;color: #444444;" id="type_zx">正式工</div>
					</div>
					<div class="box_item">
						<div class="box_item_b">
							<div class="item_b_box2 stat_zm" style="color:#FF6666;display:none">已招满</div>
							<div class="item_b_box2 stat_you">需<span id="worktypename"></span>：<span class="box2_red"><span id="maxNumber"></span>人</span>
							</div>
							<div class="item_b_box2">已报名：<span class="box2_red"><span id="applyNumber"></span>人</span>
							</div>
						</div>
						<div class="box_item_mon mon22" id="wageRange"></div>
						<div class="box_item_mon mon22" id="workMoney"></div>
					</div>
				</div>
			</div>
			<div class="wrapper2box">
				<div class="wrapper wrapper03" id="wrapper03">
					<div class="scroller">
						<ul class="clearfix">
							<li>
								<a href="javascript:void(0)" id="entry_nav">入职要求</a>
							</li>
							<li>     
								<a href="javascript:void(0)" id="salary_nav">薪资福利</a>
							</li>
							<li>
								<a href="javascript:void(0)" id="sleep_nav">住宿餐饮</a>
							</li>
							<li>
								<a href="javascript:void(0)" id="work_nav">工作时间</a>
							</li>
							<li>
								<a href="javascript:void(0)" id="interview_nav">面试材料</a>
							</li>
							<li>
								<a href="javascript:void(0)" id="other_nav">其他说明</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div class="zp_list">
				<div class="list_box" id="entry">
					<div class="b_1">
						<div class="bgk_d"></div>入职要求</div>
					<div class="b_2font" id="workDemand">
					</div>
				</div>
				<div class="list_box" id="salary">     
					<div class="b_1">
						<div class="bgk_d"></div>薪资福利</div>
					<div class="b_2font" id="workSalary">
					</div>
				</div>
				<div class="list_box" id="sleep">
					<div class="b_1">
						<div class="bgk_d"></div>住宿餐饮</div>
					<div class="b_2font" id="eatSleep">
					</div>
				</div>
				<div class="list_box" id="work">
					<div class="b_1" id="">
						<div class="bgk_d"></div>工作时间</div>
					<div class="b_2font" id="workTime">
					</div>
				</div>
				<div class="list_box" id="interview">
					<div class="b_1">
						<div class="bgk_d"></div>面试材料</div>
					<div class="b_2font" id="workKnow">
					</div>
				</div>
				<div class="list_box" id="others">
					<div class="b_1">
						<div class="bgk_d"></div>其他说明</div>
					<div class="b_2font" id="remarks">
					</div>
				</div>
			</div>
			<div class="yanse_bck"></div>
			<div class="qy_n">
				<div class="qy_n1">
					<div class="qy_nbdk"></div>企业简介
				</div>
				<div class="qy_nm" id="mechanismDetails">
				</div>
			</div>
			<div class="qy_n" style="margin-bottom:0.5rem;height:1.333333rem;padding: 0px 0px 20px 0px;">
				<div class="add_fim">
					<img class="addres_img" src="css/workdetail/procedure_07.png">
					<div class="addres_use">地址：<span id="mechanismAddress"></span></div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/mui/mui.min.js"></script>
	<script type="text/javascript" src="js/jquery/jquery-2.1.4.min.js"></script>
	<script type="text/javascript" src="js/swiper-3.4.2.min.js"></script>
	<script type="text/javascript" src="js/iscroll.js"></script>
	<script type="text/javascript" src="js/navbarscroll.js"></script>
	<script type="text/javascript" src="js/spin/spin.min.js"></script>
	<script type="text/javascript" src="js/util/util.js"></script>
	<script type="text/javascript" src="js/common.js"></script>
	<script type="text/javascript" src="app/server.js"></script>
	<script type="text/javascript" src="app/work/js/recruitmentlist_detail.js"></script>
	<script type="text/javascript">
		//入职要求，薪资福利等六大板块的瞄点导航
		var swiperHeight = $(".mui_tbabox").height(); //轮播图高度
		var listHeight = $(".detail_gsname").height(); //轮播图-六大板块之间高度
		var hbixheig = swiperHeight + listHeight;
		$('.wrapper').navbarscroll();

		$("#entry_nav").click(function() { 
			scrollArea("entry");
		});
		$("#salary_nav").click(function() { 
			scrollArea("salary");
		});
		$("#sleep_nav").click(function() {
			scrollArea("sleep");
		});
		$("#work_nav").click(function() {
			scrollArea("work");
		});
		$("#interview_nav").click(function() {
			scrollArea("interview");
		});
		$("#other_nav").click(function() {
			scrollArea("others");
		});

		function scrollArea(divId) {
			var oheight = $(".wrapper2box").css({
				"position": "fixed",
				"top": "0px",
				"left": "0px",
				"right": "0px",
				"z-index": "888",
				"background": "#ffffff"
			});
			$("html, body").animate({
				scrollTop: $("#" + divId).offset().top - 80
			}, {
				duration: 500,
				easing: "swing"
			});
			return true;
		}

		$(window).scroll(function() {
			if($(window).scrollTop() > hbixheig) { //如果滚动条顶部的距离大于topMain则就nav导航就添加类.nav_scroll，否则就移除
				var oheight = $(".wrapper2box").css({
					"position": "fixed",
					"top": "0px",
					"left": "0px",
					"right": "0px",
					"z-index": "888",
					"background": "#ffffff"
				});
			} else {
				var oheight = $(".wrapper2box").css({
					"position": "relative",
				});
			}
		});
	</script>

</html>